<script src="${pageContext.servletContext.contextPath}/scripts/add.js" type="text/javascript"></script>

<link rel="stylesheet" href="${pageContext.servletContext.contextPath}/css/formulario.css" media="screen" type="text/css" />
<link rel="stylesheet" href="${pageContext.servletContext.contextPath}/css/boton.css" media="screen" type="text/css" />

<div class="formulario">
	<h1 id="titulo">Formulario para agregar ciudades</h1>

	  <form method="post" action="?operacion=agregar">
		<div class="datos">
		<h3 class="titulo">Ingreso de Ciudad</h3>
		   <table>
			  <tr>
				<td class="campo_nombre">Nombre de Ciudad :</td>
				<td class="campo_contenido"><input type="text" class="camp" name="ciudad" value="" id="campo" onkeyup="reqCiudades()" /></td>
			  </tr>
		  </table>
		</div>
		<c:if test = "${! empty mensaje}">
			<div class="mensaje">${mensaje}</div>
		</c:if>
		 <div id="botones">
			<input name="agregar" class="boton" type="submit" value="Agregar Ciudad" />
		</div>
	  </form>
	  <br>
		  Ciudades ya ingresadas
	  <table id="estiloSebra"><tbody id="results"></tbody></table>
</div>